<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>广西美食</title>
    <link rel="shortcut icon" href="../favicon.ico">
    <link rel="stylesheet" href="../common/base.css">
    <link rel="stylesheet" href="./index.css">
    <link rel="stylesheet" href="../layout/head/index.css">
    <link rel="stylesheet" href="../layout/footer/index.css">
    <link rel="stylesheet" href="../layout/helper/index.css">

</head>

<body id="to-head">
    <!-- 头部开始 -->
    <div class="head-container">
        <div class="head-wrapper">
            <div class="nav-wrapper">
                <h1 class="logo-wrapper">
                    <a href="../index.html" class="logo">
                        <img src="../image/logo.png" alt="" class="logo-img">
                    </a>
                </h1>

                <div class="nav-list">
                    <ul class="nav-items">
                        <li class="nav-item"><a href="../food/index.html" target="_self" class="nav-link">广西美食</a>
                        </li>
                        <li class="nav-item"><a href="../scenery/index.html" target="_self" class="nav-link">广西美景</a>
                        </li>
                        <li class="nav-item"><a href="../specialty/index.html" target="_self" class="nav-link">广西特产</a></li>
                        <li class="nav-item"><a href="../festival/index.html" target="_self" class="nav-link">特色节日</a>
                        </li>
                        <li class="nav-item"><a href="../contact/index.html" target="_self" class="nav-link">联系我们</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="login-wrapper">
                <div class="login-btn">
                    <a href="../login/login.html">
                        <div class="btn">登录</div>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <!-- 头部结束 -->
    <div class="nav-food-wrapper">
        <ul class="nav-food-list">
            <li class="nav-food-item">
                <span class="all item">全部</span>
            </li>
            <li class="nav-food-item">
                <span class="item">主食</span>
            </li>
            <li class="nav-food-item">
                <span class="item">小吃</span>
            </li>
            <li class="nav-food-item">
                <span class="item">特色菜</span>
            </li>
            <li class="nav-food-item">
                <span class="item">粉类</span>
            </li>
        </ul>
    </div>




    <div class="content">

        <ul>
            <li><a href="../food-detail/index.html">
                    <img src="../image/luosifen2.jpg" alt="">
                    <h3>柳州螺蛳粉</h3>
                </a>

            </li>
            <li>
                <img src="../image/laoyoufen.jpg" alt="">
                <h3>南宁老友粉</h3>
            </li>
            <li>
                <img src="../image/guilinmifen.jpg" alt="">
                <h3>桂林米粉</h3>
            </li>
            <li>
                <img src="../image/ningmengya.jpg" alt="">
                <h3>柠檬鸭</h3>
            </li>
            <li>
                <img src="../image/lipukourou.jpg" alt="">
                <h3>荔浦芋扣肉</h3>
            </li>
            <li>
                <img src="../image/wusenuomifan.jpg" alt="">
                <h3>五色糯米饭</h3>
            </li>
            <li>
                <img src="../image/shaxiezhidoujiao.jpeg" alt="">
                <h3>沙蟹汁豆角</h3>
            </li>
            <li>
                <img src="../image/tianluoyajiaobao.jpg" alt="">
                <h3>田螺鸭脚煲</h3>
            </li>
            <li>
                <img src="../image/pijiuyu.jpg" alt="">
                <h3>啤酒鱼</h3>
            </li>
        </ul>
    </div>
    <!-- 底部开始 -->
    <div class="footer-container">
        <div class="footer-wrapper">
            <div>Copyright © 我的家乡2022 猫猫</div>
        </div>
    </div>
    <!-- 底部结束 -->

    <a href="#to-head">
        <div class="helper-wrapper">
            <div class="to-top">
                <div class="to-top-img">
                    <img src="../image/totop.svg" alt="">
                </div>
                <span class="to-top-title">顶部</span>
            </div>
        </div>
    </a>
</body>

</html>